<!doctype html>
<!--
  ~ Copyright (c) 2005, 2014 vacoor
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  -->
<html class="app">
<head>
    <meta charset="utf-8">
    <title>Database - WDB</title>
    <meta http-equiv="X-UA-Compatible" content="edge"/>
    <link rel="shortcut icon" type="image/x-icon" href="img/database.ico"/>
    <link rel="stylesheet" type="text/css" href="css/database.css">
    <link rel="stylesheet" href="js/lib/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="js/lib/codemirror/addon/hint/show-hint.css">
    <link rel="stylesheet" href="js/lib/codemirror/addon/dialog/dialog.css">
    <link rel="stylesheet" href="js/lib/codemirror/addon/display/fullscreen.css">
    <script type="text/javascript" src="js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/lib/codemirror.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/hint/show-hint.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/hint/sql-hint.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/dialog/dialog.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/selection/active-line.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/search/searchcursor.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/search/search.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/keymap/vim.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/keymap/emacs.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/keymap/sublime.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/mode/sql/sql.js"></script>
    <script type="text/javascript" src="js/lib/codemirror/addon/display/fullscreen.js"></script>
    <link rel="stylesheet" href="js/lib/codemirror/theme/eclipse.css">
</head>
<body>
<div class="container">
    <div class="nav pull-left">
        <div class="title" style="">Database - WDB</div>
        <div class="preview">
            <ul>
                <li>
                    <a class="node dbconn" href="javascript:void(0);">Connections</a>
                    <ul>
                        <li>
                            <a class="node db-tables" href="javascript:void(0);">Tables</a>
                            <ul>
                                <li>
                                    <a class="node db-table" href="javascript:void(0);">Table1</a>
                                    <ul style="display: none;">
                                        <li>
                                            <a class="node db-column" href="javascript:void(0);">Column1</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a class="node db-packs" href="javascript:;">Other Schemas</a>
                            <ul style="display: none;">
                                <li>
                                    <a class="node db-pack">SchemaName</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="content pull-left">
        <div class="toolbar">
            <div class="pull-left">
                &nbsp;
                <a class="btn-execute" href="javascript:void(0);" title="Execute (F9)"></a>
                <span class="separator"></span>
                <a class="btn-clear" href="javascript:void(0);" title="Clear (F3)"></a>
                <span class="separator"></span>
                Edit Mode:
                <select id="edit-mode" class="input-mini">
                    <option selected>vim</option>
                    <option>emacs</option>
                    <option>sublime</option>
                    <option value="default">normal</option>
                </select>
                <span class="separator"></span>
            </div>

            <div class="pull-right">
                <span class="separator"></span>
                <a class="btn-commit" href="javascript:void(0);" title="Commit"></a>
                <span class="separator"></span>
                <a class="btn-rollback" href="javascript:void(0);" title="Rollback"></a>
                <span class="separator"></span>
                <label><input type="checkbox">Auto-Commit</label>
                <span class="separator"></span>
                MaxRows:
                <select>
                    <option value="100">100</option>
                    <option value="500">500</option>
                </select>
                <span class="separator"></span>
                <select>
                    <option>Connection 1</option>
                    <option>Connection 2</option>
                </select>
            </div>
        </div>
        <div class="script">
            <textarea id="code"></textarea>
        </div>
        <div id="result" class="result fix-table">
            <div class="fix-table-head">
                <table class="table table-striped table-bordered table-condensed table-hover">
                    <thead><!--header--></thead>
                </table>
            </div>
            <div class="fix-table-body">
                <table class="table table-striped table-bordered table-condensed table-hover">
                    <tbody><!--body--></tbody>
                </table>
            </div>
            <div id="msg" style="display: none"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/database.js"></script>
</body>
</html>
